<template>
	<view class="goods_swiper_com">
		<swiper indicator-dots class="goods_swiper">
			<swiper-item v-for="item in value" :key="item.id">
				<image class="goods_swiper_img" :src="item.pictureUrl" v-if="item.fileType === 1"></image>
				<video :enable-progress-gesture="false" :show-play-btn="false" class="goods_swiper_video" :src="item.pictureUrl" v-if="item.fileType === 2" autoplay loop></video>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
export default {
	props: {
		value: {
			type: Array,
			default: () => []
		}
	},
	data() {
		return {
		}
	}
}
</script>

<style lang="scss" scoped>
.goods_swiper_com {
	.goods_swiper {
		width: 100%;
		height: 750rpx;
		.goods_swiper_img {
			width: 100%;
			height: 100%;
		}
		.goods_swiper_video {
			width: 100%;
			height: 100%;
		}
	}
}
</style>
